<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0px;
				padding: 0px;
			}
			.div0{
				width: 900px;
				height: 500px;
				margin: 10px auto;
				border: 1px solid black;
				background-color: yellow;
			}
			.div1{
				float: left;
				width: 200px;
				height: 500px;
				margin-left: 10px;
				margin: auto 10px;
				border: 1px solid red;
				color: green;
			}
			.div2{
				float: left;
				width: 200px;
				height: 500px;
				margin: auto 10px;
				margin-left: 10px;
				border: 1px solid red;
				color: green;
			}
			.div3{
				float: left;
				width: 200px;
				height: 500px;
				margin: auto 10px;
				margin-left: 10px;
				border: 1px solid red;
				color: green;
			}
			.div4{
				float: left;
				width: 200px;
				height: 500px;
				margin: auto 10px;
				margin-left: 10px;
				border: 1px solid red;
				color: green;
			}
		</style>
	</head>
	<body>
		<div class="div0">
			<div class="div1">1</div>
			<div class="div2">2</div>
			<div class="div3">3</div>
			<div class="div4">4</div>
		</div>
	</body>
</html>
